<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 清除样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 公共样式 -->
    <link rel="stylesheet" href="../css/common.css">
    <!-- 当前样式 -->
    <link rel="stylesheet" href="../css/service_type.css">
</head>

<body>
    <!-- 页头 -->
    <div class="head">
        <div class="h_title clearfix">
            <p class="fl ht1">欢迎来到XXX律师事务所官网，我们将竭诚为您服务！</p>
            <p class="fr ht2"><img src="../images/tel.png">咨询热线：<span class="ht11">400-XXX-XXXX</span></p>
        </div>
        <!-- 选项栏 -->
        <div class="h_select clearfix">
            <p class="fl hs_1"><img src="../images/logo.png">XXXX律师事务所</p>
            <ul class="hs_2">
                <li><a href="./home.html">首页</a></li>
                <li><a href="./about.html">关于我们</a></li>
                <li><a href="./service_type.html">服务项目</a></li>
                <li><a href="./case.html">成功案例</a></li>
                <li><a href="./team.html">律师团队</a></li>
                <li><a href="./news_list.html">新闻动态</a></li>
                <li><a href="./contact.html">联系方式</a></li>
            </ul>
        </div>
    </div>
    <!-- 广告 -->
    <div class="banner">
        <div class="b_text">
            <p>
            <h1>为您排忧解难</h1>
            <h1 class="bt1">是我们最重要的事</h1>
            </p>
            <p class="bt2">咨询热线：400-XXX-XXXX</p>
        </div>

        <!-- 导航栏 -->
        <div class="b_select clearfix">
            <p><a href="./team.html" class="bs1"><img src="../images/p1_act0.png"></a>找律师</p>
            <p><a href="./service_type.html"><img src="../images/p2_819t.png"></a>选服务</p>
            <p><a href="./case.html"><img src="../images/p3_g51q.png"></a>看案例</p>
            <p><a href="./contact.html"><img src="../images/p4_q67r.png"></a>要咨询</p>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <!-- 主体标题 -->
        <div class="main_title">
            <div class="clearfix container">
                <div class="mt_1 fl"><img src="../images/sub-page.png">服务项目</div>
                <div class="mt_2 fl">首页&emsp;&gt;&gt;&emsp;服务项目</div>
            </div>
        </div>
        <!-- 主体内容 -->
        <div class="main_box container clearfix">
            <!-- 左边 -->
            <div class="fl">
            <ul class="mb_select">
                <h2>服务项目分类</h2>
                <li>合同纠纷</li>
                <li>劳务纠纷</li>
                <li>借贷纠纷</li>
                <li>知识产权</li>
                <li>股权纠纷</li>
                <li>房产纠纷</li>
            </ul></div>
            <!-- 右边 -->
            <div class="fr" style="height: 1000px;width: 800px;">
                <ul class="clearfix">
                    <li class="mc_box1 fl">
                        <img src="../images/mark_f8_ej8i.jpg">
                        <h4>最优化问题的扰动分析</h4>
                        <a href="#">房产纠纷</a>
                    </li>
                    <li class="mc_box1 fl">
                        <img src="../images/mark_f7_b8yn.jpg">
                        <h4>珠算与会计书法</h4>
                        <a href="#">房产纠纷</a>
                    </li>
                    <li class="mc_box1 fl">
                        <img src="../images/mark_f6_3pyg.jpg">
                        <h4>新英汉翻译流程</h4>
                        <a href="#">房产纠纷</a>
                    </li>
                    <li class="mc_box1 fl">
                        <img src="../images/mark_f5_920u.jpg">
                        <h4>挖掘财报中的秘密</h4>
                        <a href="#">房产纠纷</a>
                    </li>
                    <li class="mc_box1 fl">
                        <img src="../images/mark_f3_7l5x.jpg">
                        <h4>三天学懂会计</h4>
                        <a href="#">房产纠纷</a>
                    </li>
                    <li class="mc_box1 fl">
                        <img src="../images/mark_f4_9pj0.jpg">
                        <h4>月帮翻译</h4>
                        <a href="#">房产纠纷</a>
                    </li>
                    <li class="mc_box1 fl">
                        <img src="../images/mark_f2_quti.jpg">
                        <h4>翻译理论实践与评析</h4>
                        <a href="#">房产纠纷</a>
                    </li>
                    <li class="mc_box1 fl">
                        <img src="../images/mark_f1_0o5m.jpg">
                        <h4>初级会计学</h4>
                        <a href="#">房产纠纷</a>
                    </li>
                    <li class="mc_box1 fl">
                        <img src="../images/mark_e3_y2nu.jpg">
                        <h4>中级会计学</h4>
                        <a href="#">股权纠纷</a>
                    </li>
                </ul>
            </div><div class="mc_box2">
                    <p>1&nbsp;<span>2</span><span>3</span><span>4</span><span>5</span><span>下一页</span>到第<input type="number">页<a href="#"><button type="button">跳转</button></a>共6页</p>
                </div></div>
    </div>
    <!-- 页尾 -->
    <div class="foot">
        <ul class="clearfix footer">
            <li class="f_box1 fl">
                <p class="f_title"><img src="../images/logo2.png">XXXX律师事务所</p>
            </li>
            <li class="f_box2 fl">
                <p class="f_tel">电话：0571-XXXXXXXX 传真：0571-XXXXXXXX 邮箱：XXXX@XXXX.com</p>
                <p class="f_address">地址：XXX省XXX市XXXX区XXXX路XXX号XXXX大厦XX楼XXXX号</p>
            </li>
            <li class="fl">
                <div class="f_wechat clearfix">
                    <div class="fl"><img src="../images/erweima.png"></div>
                    <div class="fl wechat_text">
                        <p>扫一扫</p>
                        <p>关注官方微信</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</body>

</html>